﻿<div id="ZeitleistungSign" class="Window">
    <h3>Leistung(en) bestätigen</h3>
        <ul class="zeitleistung-table-dialog in-sectionList"  data-bind="foreach: zeitleistungenList">
            <li class="zeitleistung-row">
                <span class="zeilteistung-col1" data-bind="text: Klient"></span>
                <span class="zeilteistung-col2" data-bind="text: Typ"></span>
                <span class="zeilteistung-col34" data-bind="text: Globalize.format(DatumVon, 'HH:mm')"></span>
                <span class="zeilteistung-col34" data-bind="text: Globalize.format(DatumBis, 'HH:mm')"></span>
            </li>
        </ul>
        <span class="selected-zeitleistungen-info spanBrBold gold">Anzahl der ausgewählten Leistungen: <span data-bind="text: zeitleistungenList.length"></span></span>
    <canvas width="800" height="240" class="sign-canvas" data-bind="event :{touchstart:drawStart, touchmove:draw, touchend:drawStop, mousedown:drawStart, mousemove:draw, mouseup:drawStop}"></canvas>
    <footer class="align-right">
        <button class="orangeButton fa fa-trash-o fa-2x" data-bind="click:clearCanvas"></button>
        <button id="window-btnOk" class="orangeButton fa fa-check fa-2x" data-bind="click: save"></button>
    </footer>
</div>